.contain {
  margin: .4rem .25rem;
  height: calc(100% - 1.62rem - .26rem - .26rem);
  width: calc(100% - .5rem - .9rem);
  background-image: url('../img/bg1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  padding: .26rem .45rem .26rem .45rem;
}

.tab-item {
  width: 1.09rem;
  height: .36rem;
  line-height: .36rem;
  text-align: center;
  background-image: url('../img/btndefault.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  color: #BDDFFF;
  font-weight: bold;
  display: inline-block;
  margin-right: .15rem;
}

.tab-item.active {
  background-image: url('../img/btnactive.png');
  color: #fff;
}

.tab-item:hover {
  opacity: .7;
}

.search-bar {
  padding: .31rem 0 .27rem 0;
}

.search-bar>div {
  display: inline-block;
  margin-right: .1rem;
}